<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
		<meta name="description" content="">
		<meta name="author" content="">
	    <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css"/>
		<link rel="stylesheet" type="text/css"  href="../../css/themes/default.css" id="skin-switcher"/>
		<link rel="stylesheet" type="text/css"  href="../../css/responsive.css"/>	
		<link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<!-- SELECT2 -->
		<link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css" />
		<!-- UNIFORM -->
		<link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css" />
		<!-- datatable -->
	    <link rel="stylesheet" href="../../js/datatables/datatable.css">
	    <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
	    <!-- zt -->
	    <link rel="stylesheet" type="text/css"  href="../../css/zt/editor.css" >
	</head>
	<body>
		<header class="navbar clearfix" id="header"></header>
		<!-- PAGE -->
		<section id="page">
			<!-- 侧边栏 -->
			<div id="sidebar" class="sidebar">
				<div class="sidebar-menu nav-collapse">
					<!-- SIDEBAR MENU -->
					<ul>
					</ul>
					<!-- /SIDEBAR MENU -->
				</div>
			</div>
			<!-- /侧边栏 -->
			<div id="main-content">
				<div class="container">
					<div class="row">
						<!-- CONTENT -->
						<div id="content" class="col-lg-12">
							<!-- PAGE HEADER-->
							<div class="row">
								<div class="col-sm-12">
									<div class="page-header">
										<!-- BREADCRUMBS -->
										<ul class="breadcrumb">
											<li>
												<i class="fa fa-home"></i>
												<a href="index.html">首页</a>
											</li>
											<li>
												<a href="#">页面模板</a>
											</li>
											<li>新建模板</li>
										</ul>
										<!-- /BREADCRUMBS -->
									</div>
								</div>
							</div>
							<!-- /PAGE HEADER -->
							<!-- SAMPLE -->
							<!--template-->
							<div class="ztMainUI">
								<div class="tip fade in">
									提示：用来作为提示？
									<button class="close" type="button" data-dismiss="alert">×</button>
								</div>
								<div class="UIdesign clearfix">
									<div class="UIpreview">
										<div class="UIpreview-headder">专题模板</div>
										<div class="app-entry">
											<div class="app-field">
												<div class="goods-template-block">
													<p>请从下方选择内容并编辑</p>
												</div>
											</div>
											<div class="app-field">
												<div class="goods-template-block">
													<p>通栏图</p>
													<div class="actions">
			    										<div class="actions-wrap">
			    											<span class="action edit">编辑</span>
			    											<span class="action add">加内容</span>
			    											<span class="action delete">删除</span>
			    										</div>
													</div>
												</div>
											</div>
											<div class="app-field">
												<div class="app-field">
									                <div class="group">
														<ul class="group-col-1">
															<li><a href="javascript:;"><img style="" src="../../img/nessn269.jpg"></a></li>
														</ul>
													</div>
									                <div class="actions">
			    										<div class="actions-wrap">
			    											<span class="action edit">编辑</span>
			    											<span class="action add">加内容</span>
			    											<span class="action delete">删除</span>
			    										</div>
													</div>
									            </div>
											</div>
											<!--二列-->
											<div class="app-field">
												<div class="group">
													<ul class="group-col-2">
														<li><a href="javascript:;"><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></li>
														<li><a href="javascript:;"></a></li>
													</ul>
												</div>
												<div class="actions">
		    										<div class="actions-wrap">
		    											<span class="action edit">编辑</span>
		    											<span class="action add">加内容</span>
		    											<span class="action delete">删除</span>
		    										</div>
												</div>
											</div>
											<!--三列-->
											<div class="app-field">
												<div class="group">
													<ul class="group-col-3">
														<li><a href="javascript:;"><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
													</ul>
												</div>
												<div class="actions">
		    										<div class="actions-wrap">
		    											<span class="action edit">编辑</span>
		    											<span class="action add">加内容</span>
		    											<span class="action delete">删除</span>
		    										</div>
												</div>
											</div>
											<!--四列-->
											<div class="app-field">
												<div class="group">
													<ul class="group-col-4">
														<li><a href="javascript:;"><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
														<li><a href="javascript:;"></a></li>
													</ul>
												</div>
												<div class="actions">
		    										<div class="actions-wrap">
		    											<span class="action edit">编辑</span>
		    											<span class="action add">加内容</span>
		    											<span class="action delete">删除</span>
		    										</div>
												</div>
											</div>
										</div>
										<div class="js-add-region">
											<h4>添加内容</h4>
											<ul>
												<li><a href="javascript:;">通栏图</a></li>
												<li><a href="javascript:;">商品列表</a></li>
												<li><a href="javascript:;">领券</a></li>
											</ul>
										</div>
									</div>
									<div class="UIsidebar">
										<div class="arrow"></div>
										<!--模板名字-->      
										<div class="clearfix">
											<div class="app-sidebar-inner"><div>
												<div class="form-horizontal" novalidate="">
												    <div class="control-group">
												        <label class="control-label"><em class="required">*</em>模版名称：</label>
												        <div class="controls">
												            <input class="input-xxlarge" name="title" value="" type="text">
												        </div>
												    </div>
												</div>
											</div>
										</div>
										<!--END 模板名字-->
										<!--添加内容-->
										<div class="clearfix">
											<div class="app-sidebar-inner"><div>
												<div class="form-horizontal" novalidate="">
												    <div class="control-group">
												        <label class="control-label"><em class="required">*</em>添加内容：</label>
														<div class="controls">
												            <ul>
																<li><a href="javascript:;">通栏图</a></li>
																<li><a href="javascript:;">商品列表</a></li>
																<li><a href="javascript:;">领券</a></li>
															</ul>
												        </div>
												    </div>
												</div>
											</div>
										</div>
										<!--END 添加内容-->
										<!--上传通栏banner-->
										<div class="clearfix">
											<div class="app-sidebar-inner"><div>
												<div class="form-horizontal" novalidate="">
												    <div class="control-group">
												        <div class="control-group">
													        <label class="control-label"><em class="required">*</em>图片链接：</label>
													        <div class="controls">
													            <input class="input-xxlarge" name="title" value="" type="text">
													        </div>
													    </div>
														<div class="control-group mt10">
													        <label class="control-label"><em class="required">*</em>通览图：</label>
													        <div class="controls updata">
													            <p class="addimg"><a href="javascript:;">+</a></p>
													        </div>
													    </div>
												    </div>
												</div>
											</div>
										</div>
										<!--END 上传通栏banner-->
										<!--礼券种类-->
										<div class="clearfix">
											<div class="app-sidebar-inner"><div>
												<div class="form-horizontal" novalidate="">
												    <div class="control-group">
												        <label class="control-label"></em>礼券种类：</label>
														<div class="controls">
												            <label class="radio inline">
												                <input name="template_style" value="0" checked="" type="radio">1种券（礼包）
												            </label>
												            <label class="radio inline">
												                <input name="template_style" value="1" type="radio">2种券
												            </label>
												            <label class="radio inline">
												                <input name="template_style" value="1" type="radio">3种券
												            </label>
												            <label class="radio inline">
												                <input name="template_style" value="1" type="radio">4种券
												            </label>
												        </div>
												    </div>
												    <div class="control-group mt10">
												        <label class="control-label">上传图片：</label>
												        <div class="controls updata">
												            <p class="addimg"><a href="javascript:;">+</a></p>
												            <p class="addimg"><a href="javascript:;">+</a></p>
												            <p class="addimg"><a href="javascript:;">+</a></p>
												            <p class="addimg"><a href="javascript:;">+</a></p>
												            <p class="addimg"><a href="javascript:;">+</a></p>
												        </div>
												    </div>
												    <div class="control-group">
												        <label class="control-label">批次ID：</label>
												        <div class="controls">
												            <input class="input-xxlarge" placeholder="ID：如11,12,13,14,11,12,13" type="text">
												        </div>
												    </div>
												    <div class="control-group mt10">
												    	<label class="control-label"></label>
												    	<p class="red">  1、多个批次ID用逗号分隔。</p>
												    </div>
												    <div class="control-group">
												    	<label class="control-label"></label>
												    	<p class="red">  2、发两张请写两遍批次ID，如11,12,13,14,11,12,13。</p>
												    </div>
												</div>
											</div>
										</div>
										<!--END 礼券种类-->
										<!--商品种类编辑-->
										<div class="clearfix">
											<div class="app-sidebar-inner"><div>
												<div class="form-horizontal" novalidate="">
												    <div class="control-group">
												        <label class="control-label"></em>显示列数：</label>
														<div class="controls">
												            <label class="radio inline">
												                <input name="template_style" value="0" checked="" type="radio">1列
												            </label>
												            <label class="radio inline">
												                <input name="template_style" value="1" type="radio">2列
												            </label>
												            <label class="radio inline">
												                <input name="template_style" value="1" type="radio">3列
												            </label>
												            <label class="radio inline">
												                <input name="template_style" value="1" type="radio">4列
												            </label>
												        </div>
												    </div>
												    <div class="control-group">
												        <label class="control-label">显示行数：</label>
												        <div class="controls">
												            <input class="input-xxlarge" placeholder="请输入行数" type="text" style="width:100px;">
												        </div>
												    </div>
												    <div class="control-group mt10">
												        <label class="control-label">上传图片：</label>
												        <div class="controls col-lst2">
															<div class="lst-addimg">								
													            <p class="addimg">
													            	<a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													            <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg">+<input class="upImg" type="file" name="pin"/></p>
													             <input type="text" placeholder="ID:">
												            </div>
												        </div>
												        <div class="controls col-lst3">
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg">+<input class="upImg" type="file" name="pin"/></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg">+<input class="upImg" type="file" name="pin"/></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg">+<input class="upImg" type="file" name="pin"/></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg">+<input class="upImg" type="file" name="pin"/></p>
													             <input type="text" placeholder="ID:">
												            </div>
												        </div>
												        <div class="controls col-lst4">
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg"><a href="javascript:;"><span class="action delete">删除</span><img src="http://img.yiigoo.com/Mall/20170412/c1f63b38-657e-490c-a7b7-c931648f5ba3.jpg"></a></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg">+<input class="upImg" type="file" name="pin"/></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg">+<input class="upImg" type="file" name="pin"/></p>
													             <input type="text" placeholder="ID:">
												            </div>
												            <div class="lst-addimg">								
													            <p class="addimg">+<input class="upImg" type="file" name="pin"/></p>
													            <input type="text" placeholder="ID:">
												            </div>
												        </div>
												    </div>
												</div>
											</div>
										</div>
										<!--/END 商品种类编辑-->
									</div>
								</div>
							</div>
							<!--/template-->
						</div>
					</div>
				</div>
			</div>
			<!-- /CONTENT-->
			<div class="row clearfix" style="height: 30px;">
				<div style="text-align: center;">
					<div class="box">
						<a href="javascript:;" class="btn btn-success config bt-submit" style="width: 100px;margin-top:20px;">保存</a>
						<a href="javascript:history.go(-1);" class="btn btn-default" style="width: 100px;margin-top:20px;">取消并返回</a>
					</div>
				</div>
	    	</div>			
			<!-- /SAMPLE -->
			<div class="footer-tools">
				<span class="go-top">
					<i class="fa fa-chevron-up"></i> Top
				</span>
			</div>
		</section>
		<!--/PAGE -->
		<!-- JAVASCRIPTS -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="../../js/jquery/jquery-2.0.3.min.js"></script>
		<!-- BOOTSTRAP -->
		<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
		<!-- BLOCK UI -->
		<script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
		<!-- AUTOSIZE -->
		<script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
		<!-- spinner -->
		<script src="../../js/spinner/spin.js"></script>
		<!-- DATA TABLES -->
		<script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
		<script type="text/javascript" src="../../js/datatables/datatable.js"></script>
		<script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
		<script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
		<script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>
		<!-- INPUT MASK -->
		<script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
	   	<!--bootbox-->
		<script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
		<!-- SELECT2 -->
		<script type="text/javascript" src="../../js/select2/select2.min.js"></script>
		<!-- UNIFORM -->
		<script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
		<script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
		<script src="../../js/jquery-validate/jquery.validate.min.js"></script>
		<!-- COOKIE -->
		<script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
		<!-- CUSTOM SCRIPT -->
		<script src="../../js/script.js"></script>
	    <script src="../../js/common.js"></script>
		<!-- /JAVASCRIPTS -->
	</body>
</html>